<!DOCTYPE HTML>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>信用资产管理系统后台</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="./dist/css/reset.css">
    <link rel="stylesheet" type="text/css" href="./dist/css/normalize.css">

    <link rel="stylesheet" type="text/css" href="./dist/css/prettify.css">
    <!-- <link rel="stylesheet" type="text/css" href="./dist/css/bootstrap-combined.no-icons.min.css"> -->
    <link rel="stylesheet" type="text/css" href="./dist/css/bootstrap-responsive.min.css">
    <link rel="stylesheet" type="text/css" href="./dist/css/font-awesome.css">
    <link href="./dist/css/index.css" rel="stylesheet">
    <link rel="stylesheet" href="./dist/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./dist/css/InformationManagement.css">


</head>

<body>
    <!--=== nav ===-->
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <div class="row clearfix">
                <div class="col-sm-3 col-md-3 navbar-header">
                    <a href="#" class="navbar-brand"><img class="logoImg" src="./dist/img/logo.png"> <span>系统管理后台</span> </a>
                </div>
                <ul class="col-sm-9 col-md-9 nav navbar-nav navbar-right">
                    <li class="col-sm-2 col-md-2"><a href="./BackstageHomePage.html">首页</a></li>
                    <li class="col-sm-2 col-md-2"><a href="./MemberManagement.html">会员管理</a></li>
                    <li class="col-sm-2 col-md-2"><a href="./CardManagement.html">信用卡管理</a></li>
                    <li class="col-sm-2 col-md-2"><a href="./InformationManagement.html" class="navItemActive">信息管理</a></li>
                    <li class="col-sm-2 col-md-2"><a href="./SystemSetUp.html">系统设置</a></li>
                    <div class="loginOut"><a class="loginOut " href="# ">退出</a></div>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container content">
        <div class="row margin-top22 ">
            <!-- === 左边 === -->
            <section class="col-sm-1 col-md-1 sidebar ">
                <ul class="left-list">
                    <li class="left-item"><a href="javascript:;">刷卡提醒</a></li>
                    <li class="left-item"><a href="javascript:;">新增提现</a></li>
                </ul>
            </section>
            <!-- === 右边 === -->
            <article class="col-sm-11 col-md-11 article ">
                <div class="graydiv"></div>
                <div class="right-content">
                    <section class="right-item show">
                        <h2 class="title">刷卡提醒</h2>
                        <table class="table table-bordered swipeCredit ">
                            <thead class="account-list repay-money-list">
                                <tr>
                                    <th class="col-sm-2 col-md-2 txetl">发布时间</th>
                                    <th class="col-sm-2 col-md-2 textl">标题</th>
                                    <th class="col-sm-2 col-md-2 textl">操作</th>
                                </tr>
                            </thead>
                            <tbody class="account-item">
                                <tr>
                                    <th class="txetl" scope="row ">2018.5.1</th>
                                    <td class="txetl">招商白金我的2222</td>
                                    <td class="textl">
                                        <button type="button" class="list-group-item  delete-repay-info">
                                            删除
                                        </button>/
                                        <button type="button" class="list-group-item change-repay-info" data-toggle="modal" data-target="#myDialog" data-whatever="修改">
                                            修改
                                        </button>
                                    </td>
                                </tr>
                                <tr>
                                    <th class="txetl" scope="row ">2018.5.1</th>
                                    <td class="txetl">招商白金我的2222</td>
                                    <td class="textl">
                                        <button type="button" class="list-group-item  delete-repay-info">
                                            删除
                                        </button>/
                                        <button type="button" class="list-group-item change-repay-info" data-toggle="modal" data-target="#myDialog" data-whatever="修改">
                                            修改
                                        </button>
                                    </td>
                                </tr>
                                <tr>
                                    <th class="txetl" scope="row ">2018.5.1</th>
                                    <td class="txetl">招商白金我的2222</td>
                                    <td class="textl">
                                        <button type="button" class="list-group-item  delete-repay-info">
                                            删除
                                        </button>/
                                        <button type="button" class="list-group-item change-repay-info" data-toggle="modal" data-target="#myDialog" data-whatever="修改">
                                            修改
                                        </button>
                                    </td>
                                </tr>
                                <tr>
                                    <th class="txetl" scope="row ">2018.5.1</th>
                                    <td class="txetl">招商白金我的2222</td>
                                    <td class="textl">
                                        <button type="button" class="list-group-item  delete-repay-info">
                                            删除
                                        </button>/
                                        <button type="button" class="list-group-item change-repay-info" data-toggle="modal" data-target="#myDialog" data-whatever="修改">
                                            修改
                                        </button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </section>
                    <section class="right-item">
                        <h2 class="title">新增提现</h2>
                        <!-- 文本编辑 -->
                        <div class="TextDiv" style="margin-top: 40px">
                            <div class="btn-toolbar" data-role="editor-toolbar" data-target="#editor">
                                <div class="btn-group">
                                    <a class="btn dropdown-toggle" data-toggle="dropdown" title="Font"><i class="icon-font"></i><b class="caret"></b></a>
                                    <ul class="dropdown-menu">
                                    </ul>
                                </div>
                                <div class="btn-group">
                                    <a class="btn dropdown-toggle" data-toggle="dropdown" title="字体大小"><i class="icon-text-height"></i>&nbsp;<b class="caret"></b></a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a data-edit="fontSize 5">
                                                <font size="5">大字体</font>
                                            </a>
                                        </li>
                                        <li>
                                            <a data-edit="fontSize 3">
                                                <font size="3">正常字体</font>
                                            </a>
                                        </li>
                                        <li>
                                            <a data-edit="fontSize 1">
                                                <font size="1">小字体</font>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="btn-group">
                                    <a class="btn" data-edit="bold" title="加粗 (Ctrl/Cmd+B)"><i class="icon-bold"></i></a>
                                    <a class="btn" data-edit="italic" title="倾斜 (Ctrl/Cmd+I)"><i class="icon-italic"></i></a>
                                    <a class="btn" data-edit="strikethrough" title="删除线"><i class="icon-strikethrough"></i></a>
                                    <a class="btn" data-edit="underline" title="下划线 (Ctrl/Cmd+U)"><i class="icon-underline"></i></a>
                                </div>
                                <div class="btn-group">
                                    <a class="btn" data-edit="insertunorderedlist" title="项目符合"><i class="icon-list-ul"></i></a>
                                    <a class="btn" data-edit="insertorderedlist" title="编号"><i class="icon-list-ol"></i></a>
                                    <a class="btn" data-edit="outdent" title="减少缩进 (Shift+Tab)"><i class="icon-indent-left"></i></a>
                                    <a class="btn" data-edit="indent" title="增加缩进 (Tab)"><i class="icon-indent-right"></i></a>
                                </div>
                                <div class="btn-group">
                                    <a class="btn" data-edit="justifyleft" title="左对齐 (Ctrl/Cmd+L)"><i class="icon-align-left"></i></a>
                                    <a class="btn" data-edit="justifycenter" title="居中 (Ctrl/Cmd+E)"><i class="icon-align-center"></i></a>
                                    <a class="btn" data-edit="justifyright" title="右对齐 (Ctrl/Cmd+R)"><i class="icon-align-right"></i></a>
                                    <a class="btn" data-edit="justifyfull" title="两端对齐 (Ctrl/Cmd+J)"><i class="icon-align-justify"></i></a>
                                </div>
                                <div class="btn-group">
                                    <a class="btn dropdown-toggle" data-toggle="dropdown" title="添加超链接"><i class="icon-link"></i></a>
                                    <div class="dropdown-menu input-append">
                                        <input class="span2" placeholder="URL" type="text" data-edit="createLink" />
                                        <button class="btn" type="button">Add</button>
                                    </div>
                                    <a class="btn" data-edit="unlink" title="删除超链接"><i class="icon-cut"></i></a>
                                </div>
                                <div class="btn-group">
                                    <a class="btn" data-edit="undo" title="上一步 (Ctrl/Cmd+Z)"><i class="icon-undo"></i></a>
                                    <a class="btn" data-edit="redo" title="下一步 (Ctrl/Cmd+Y)"><i class="icon-repeat"></i></a>
                                </div>
                                <input type="text" data-edit="inserttext" id="voiceBtn" x-webkit-speech="">
                            </div>
                            <div id="editor">
                                开始输入
                            </div>
                        </div>
                    </section>
                </div>
            </article>
            <!-- ===分页=== -->
            <nav aria-label="Page navigation " class="clearfix queryPage">
                <ul class="pagination pull-right ">
                    <li>
                        <a href="# " aria-label="Previous ">
                           <span aria-hidden="true ">&laquo;</span>
                            </a>
                    </li>
                    <li><a href="# ">1</a></li>
                    <li><a href="# ">2</a></li>
                    <li><a href="# ">3</a></li>
                    <li><a href="# ">4</a></li>
                    <li><a href="# ">5</a></li>
                    <li><a href="# ">6</a></li>
                    <li>
                        <a href="# " aria-label="Next ">
                             <span aria-hidden="true ">&raquo;</span>
                         </a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
    <!-- === 信用卡信息修改 ===-->
    <div class="modal fade" id="myDialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog small-dialog" role="document">
            <div class="modal-content change-repay">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">信用卡信息修改</h4>
                </div>
                <form class="form-horizontal repay-money clearfix ">
                    <div class="form-group ">
                        <label for="repay-Number " class="col-md-4 control-label ">会员账号</label>
                        <div class="col-md-8 ">
                            <input type="text " class="form-control " disabled placeholder="账号不能修改">
                        </div>
                    </div>
                    <div class="form-group ">
                        <label for="inputTime " class="col-md-4 control-label ">到期时间</label>
                        <div class="calendarInput input-group date form_date col-md-8" data-date="" data-date-format="yyyy-mm-dd">
                            <input class="form-control" size="16" type="text" value="" readonly>
                            <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                        </div>
                    </div>
                    <div class="form-group ">
                        <label for="repay-Number " class="col-md-4 control-label ">手机号码</label>
                        <div class="col-md-8 ">
                            <input type="text " class="form-control " placeholder="">
                        </div>
                    </div>
                    <div class="form-group ">
                        <label for="inputNum " class="col-md-4 control-label ">账号等级</label>
                        <div class="col-md-8 ">
                            <select class="form-control card-option ">
                                <option>白金会员</option>
                                <option>普通会员</option>
                            </select>
                        </div>
                    </div>
                </form>
                <div class="modal-footer clearfix">
                    <button type="button" class="btn btn-primary no-btn pull-left" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary yes-btn pull-right">确认</button>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="./dist/jquery/jquery-1.8.3.min.js "></script>
<script src="./dist/bootstrap/js/bootstrap.min.js "></script>
<script type="text/javascript " src="dist/bootstrap-datelimepicker/bootstrap-datetimepicker.min.js "></script>
<script type="text/javascript " src="dist/bootstrap-datelimepicker/bootstrap-datetimepicker.zh-CN.js "></script>
<script type="text/javascript ">
$('.form_date').datetimepicker({
    language: 'zh-CN',
    weekStart: 1,
    todayBtn: 1,
    autoclose: 1,
    todayHighlight: 1,
    startView: 2,
    minView: 2,
    forceParse: 0
});

var leftItems = document.querySelectorAll('.left-item')
var sections = document.querySelectorAll('.right-item')
for (var i = 0; i < leftItems.length; i++) {
    leftItems[i].index = i;
    leftItems[i].onclick = function() {
        for (var i = 0; i < leftItems.length; i++) {
            sections[i].className = 'right-item';
        }
        sections[this.index].className = 'right-item show';
        if (this.index == 0 || this.index == 2) {
            $(".queryPage").show();
        } else {
            $(".queryPage").hide();
        }
    }
}
</script>
<script src="http://cdn.bootcss.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<script type="text/javascript" src="./dist/js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="./dist/js/jquery.min.js"></script>
<script src="./dist/js/jquery.hotkeys.js"></script>
<script type="text/javascript" src="./dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="./dist/js/bootstrap-wysiwyg.js"></script>
<script type="text/javascript" src="./dist/js/widgets.js"></script>
 <script>
    $(function() {
        function initToolbarBootstrapBindings() {
            var fonts = ['楷体', '宋体', '微软雅黑', 'Serif', 'Sans', 'Arial', 'Arial Black', 'Courier',
                    'Courier New', 'Comic Sans MS', 'Helvetica', 'Impact', 'Lucida Grande', 'Lucida Sans', 'Tahoma', 'Times',
                    'Times New Roman', 'Verdana'
                ],
                fontTarget = $('[title=Font]').siblings('.dropdown-menu');
            $.each(fonts, function(idx, fontName) {
                fontTarget.append($('<li><a data-edit="fontName ' + fontName + '" style="font-family:\'' + fontName + '\'">' + fontName + '</a></li>'));
            });
            $('a[title]').tooltip({ container: 'body' });
            $('.dropdown-menu input').click(function() { return false; })
                .change(function() { $(this).parent('.dropdown-menu').siblings('.dropdown-toggle').dropdown('toggle'); })
                .keydown('esc', function() { this.value = '';
                    $(this).change(); });

            $('[data-role=magic-overlay]').each(function() {
                var overlay = $(this),
                    target = $(overlay.data('target'));
                overlay.css('opacity', 0).css('position', 'absolute').offset(target.offset()).width(target.outerWidth()).height(target.outerHeight());
            });
            if ("onwebkitspeechchange" in document.createElement("input")) {
                var editorOffset = $('#editor').offset();
                $('#voiceBtn').css('position', 'absolute').offset({ top: editorOffset.top, left: editorOffset.left + $('#editor').innerWidth() - 35 });
            } else {
                $('#voiceBtn').hide();
            }
        };

        function showErrorAlert(reason, detail) {
            var msg = '';
            if (reason === 'unsupported-file-type') { msg = "Unsupported format " + detail; } else {
                console.log("error uploading file", reason, detail);
            }
            $('<div class="alert"> <button type="button" class="close" data-dismiss="alert">&times;</button>' +
                '<strong>File upload error</strong> ' + msg + ' </div>').prependTo('#alerts');
        };
        initToolbarBootstrapBindings();
        $('#editor').wysiwyg({ fileUploadError: showErrorAlert });
        window.prettyPrint && prettyPrint();
    });
</script>

<!-- <script type="text/javascript">
	function Empty() {
	    document.getElementById("content").value = "";
	    $('zhongwen').innerText = "0";
	    $('zbiaodian').innerText = "0";
	    $('zhongwenbiaodian').innerText = "0";
	    $('yingwen').innerText = "0";
	    $('shuzi').innerText = "0";
	    document.getElementById("numwords").innerHTML = "0";
	    document.getElementById("content").select();
	}

	function $(id) { return document.getElementById(id); }
	var EventUtil = function () { };
	EventUtil.addEventHandler = function (obj, EventType, Handler) {
	    //如果是FF
	    if (obj.addEventListener) {
	        obj.addEventListener(EventType, Handler, false);
	    }
	    //如果是IE
	    else if (obj.attachEvent) {
	        obj.attachEvent('on' + EventType, Handler);
	    }
	    else {
	        obj['on' + EventType] = Handler;
	    }
	}

	if ($("content")) {
	    EventUtil.addEventHandler($('content'), 'propertychange', CountChineseCharacters);
	    EventUtil.addEventHandler($('content'), 'input', CountChineseCharacters);
	}
	window.onload = CountChineseCharacters();

	function showit(Word) {
	    alert(Word);
	}
	function CountChineseCharacters() {
	    Words = $('content').value;
	    var W = new Object();
	    var Result = new Array();
	    var iNumwords = 0;
	    var sNumwords = 0;
	    var sTotal = 0; //双字节字符;
	    var iTotal = 0; //中文字符；
	    var eTotal = 0; //Ｅ文字符
	    var otherTotal = 0;
	    var bTotal = 0;
	    var inum = 0;

	    for (i = 0; i < Words.length; i++) {
	        var c = Words.charAt(i);
	        if (c.match(/[\u4e00-\u9fa5]/)) {
	            if (isNaN(W[c])) {
	                iNumwords++;
	                W[c] = 1;
	            }
	            iTotal++;
	        }
	    }

	    for (i = 0; i < Words.length; i++) {
	        var c = Words.charAt(i);
	        if (c.match(/[^\x00-\xff]/)) {
	            if (isNaN(W[c])) {
	                sNumwords++;

	            }
	            sTotal++;
	        }
	        else {
	            eTotal++;
	        }
	        if (c.match(/[0-9]/)) {
	            inum++;
	        }
	    }
	    //alert(iTotal);
	    $('zhongwen').innerText = iTotal;
	    $('zbiaodian').innerText = sTotal - iTotal;
	    $('zhongwenbiaodian').innerText = sTotal;
	    $('yingwen').innerText = eTotal;
	    $('shuzi').innerText = inum;
	    document.getElementById("numwords").innerHTML = iTotal * 2 + (sTotal - iTotal) * 2 + eTotal;
	}
</script> -->

</html>
